﻿.popup-layout {
    display: block;
}

    .popup-layout > div {
        bottom: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        left: 0;
        padding: 0;
        position: absolute;
        width: 100%;
    }

.popup-cart {
    min-height: 50%;
}

    .popup-cart button[type="submit"] {
        background-color: #ff8960;
        border: none;
        bottom: 0;
        color: #fff;
        font-size: 1.8rem;
        height: 50px;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .popup-cart header {
        color: #ff8960;
        font-size: 2rem;
        text-align: left;
    }

    .popup-cart .avatar {
        height: 24vw;
        margin: -20px 10px 0 20px;
        vertical-align: middle;
        width: 24vw;
    }

        .popup-cart .avatar img {
            max-width: 100%;
            width: 100%;
        }

        .popup-cart .avatar, .popup-cart .avatar img {
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
        }

    .popup-cart .price {
        padding-top: 15px;
    }
    .popup-cart .close{
        width:24px;
        height:24px;
        position:absolute;
        right:6px;
        top:6px;
    }
    .popup-cart .count{
        border-bottom:1px solid #efefef;
        border-top:1px solid #efefef;
        color:#ff8960;
        font-size:2rem;
        margin-top:20px;
        padding:20px 10%;
        text-align:left;
    }
    .popup-cart .count-select{
        float:right;
        text-align:right;
    }
    .popup-cart .count-select button,.popup-cart .count-select input{
        background-color:#efefef;
        border:none;
        font-size:2rem;
        padding:5px;
        text-align:center;
        width:5rem;
    }
    .popup-cart .count-select button{
        width:4rem;
    }